<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de-DE" xml:lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
  <!-- This file was converted to xhtml by Writer2xhtml ver. &gt;&gt; adopted for V-Modell-XT &lt;&lt; 0.4.1a. See http://www.hj-gym.dk/~hj/writer2latex for more info. -->
  <head profile="http://dublincore.org/documents/dcq-html/">
    <title>Mensch-Maschine-Schnittstelle (Styleguide)</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <link href="http://purl.org/dc/elements/1.1/" rel="schema.DC" />
    <meta content="Vassilis Rizopoulos" name="DC.creator" />
    <meta content="2007-08-30T12:03:11" name="DC.date" />
    <meta content="de-DE" name="DC.language" />
    <link href="exportfiles/style.css" media="all" rel="stylesheet" type="text/css" />
  </head>
  <body id="toc470">
    <div id="header">
      <div class="up">[<a href="ce1ff6e08414e9.html">Hoch</a>] [<a href="Projekt-V-Modell-XT.html">Anfang</a>] [<a href="9c48f8cf5b78ea.html">Zurueck</a>] [<a href="13992f89ccc6aa1.html">Weiter</a>] [<a href="11385fdbde3d712.html">Ende</a>] [<a href="Projekt-V-Modell-XT.html">Inhalt</a>] </div>
      <div class="down">
        <hr />
      </div>
    </div>
    <div dir="ltr" id="content">
      <h1><span class="SectionNumber">5 </span>Teil 5: <a id="ref7b23f7a07ce3c8"></a>V-Modell-Referenz Produkte</h1>
      <h2><span class="SectionNumber">5.3 </span><a id="refdcecfbe856145b"></a>Produkte</h2>
      <h3><span class="SectionNumber">5.3.10 </span> <a id="refce1ff6e08414e9"></a>Systementwurf</h3>
      <h4><span class="SectionNumber">5.3.10.3 </span><a id="ref160befa19760394"></a>Mensch-Maschine-Schnittstelle (Styleguide)</h4>
      <p class="VModellXTTextbody">Verantwortlich: <a href="17020fa197aa4d5.html#ref17020fa197aa4d5">Ergonomieverantwortlicher</a></p>
      <p class="VModellXTTextbody">Aktivität: <a href="c879fa19b8461b.html#refc879fa19b8461b">Styleguide für die Mensch-Maschine-Schnittstelle erstellen</a></p>
      <p class="VModellXTTextbody">
        <b>Sinn und Zweck</b>
      </p>
      <p class="VModellXTTextbody">Um den Entwurf einer (grafischen) Benutzerschnittstelle einheitlich zu gestalten beziehungsweise auf ein vorgegebenes Layout abzustimmen, sind verbindliche Vorgaben notwendig. Das Produkt Mensch-Maschine-Schnittstelle, im Rahmen der Softwareentwicklung häufig auch Styleguide genannt, definiert Regeln und Gestaltungskriterien, nach denen die Mensch-Maschine-Schnittstelle zu gestalten ist.</p>
      <p class="VModellXTTextbody">Die Regeln umfassen beispielsweise Gestaltungsregeln zu den Oberflächenelementen, zum Beispiel haptische und optische Eigenschaften, Gestaltungsregeln für die grafische Benutzeroberfläche sowie Gestaltungsregeln für die Hardwareschnittstelle.</p>
      <p class="VModellXTTextbody">Verantwortlich für den Styleguide ist der →<a href="17020fa197aa4d5.html#ref17020fa197aa4d5">Ergonomieverantwortlicher</a>. Seine Aufgabe ist es, die Regeln aus den Anforderungen sowie der →<a href="f9e2fa1973f7d5.html#reff9e2fa1973f7d5">Anwenderaufgabenanalyse</a> abzuleiten, beziehungsweise in Zusammenarbeit mit dem Auftraggeber zu erarbeiten. Alle im Rahmen der System-, HW- und →<a href="10242fa1910292f.html#ref10242fa1910292f">SW-Spezifikation</a> erarbeiteten Entwürfe müssen die Vorgaben des Styleguides umsetzen.</p>
      <p class="VModellXTHeading6">
        <b>Hängt Inhaltlich ab von</b>
      </p>
      <p class="VModellXTStandard"><a href="be9ff771c91b7f.html#refbe9ff771c91b7f">Systemspezifikation</a> (siehe Produktabhängigkeit <a href="b905fa387294ad.html#refb905fa387294ad">Vorgaben zur Benutzungsschnittstelle</a>), <a href="10242fa1910292f.html#ref10242fa1910292f">SW-Spezifikation</a> (siehe Produktabhängigkeit <a href="b905fa387294ad.html#refb905fa387294ad">Vorgaben zur Benutzungsschnittstelle</a>)</p>
      <h5 id="toc471"><span class="SectionNumber">5.3.10.3.1 </span><a id="refa52cfa5d8a103a"></a>Gestaltungsprinzipien und -alternativen</h5>
      <p class="VModellXTTextbody">Gestaltungsprinzipien legen die generellen Richtlinien zur Gestaltung der Mensch-Maschine-Schnittstelle fest. Diese werden aus den Ergebnissen der →<a href="f9e2fa1973f7d5.html#reff9e2fa1973f7d5">Anwenderaufgabenanalyse</a> abgeleitet sowie anhand von allgemein anerkannten Normen identifiziert.</p>
      <p class="VModellXTTextbody">Einzuhaltende Grundsätze zur Gestaltung ergonomischer Benutzerschnittstellen werden von der EN ISO 9241 Norm wie folgt definiert:</p>
      <ul>
        <li>Aufgabenangemessenheit</li>
        <li>Selbstbeschreibungsfähigkeit</li>
        <li>Steuerbarkeit</li>
        <li>Erwartungskonformität</li>
        <li>Fehlertoleranz</li>
        <li>Individualisierbarkeit</li>
        <li>Lernförderlichkeit.</li>
      </ul>
      <h5 id="toc472"><span class="SectionNumber">5.3.10.3.2 </span><a id="ref70afa1a97404e"></a>Identifikation und Aufbau der Benutzungselemente</h5>
      <p class="VModellXTTextbody">Erster Schritt zur Festlegung der Gestaltungsregeln einer Benutzerschnittstelle ist die Identifikation aller am Aufbau der Schnittstelle beteiligten Benutzungselemente.</p>
      <p class="VModellXTTextbody">Die Liste der Benutzungselemente wird aus den Anforderungen abgeleitet und im Rahmen des Entwurfs der Benutzerschnittstelle ergänzt und vervollständigt. Für zusammengesetzte Benutzungselemente wird der Aufbau beschrieben.</p>
      <h5 id="toc473"><span class="SectionNumber">5.3.10.3.3 </span><a id="ref6ba3fa1a1d199e"></a>Gestaltungsregeln der Benutzungselemente</h5>
      <p class="VModellXTTextbody">Gestaltungsregeln definieren das ‚Look and Feel’ von Benutzungselementen. Jedem identifizierten modularen beziehungsweise zusammengesetzten Benutzungselement werden Gestaltungsregeln zugewiesen. Beispielsweise kann für eine grafische Benutzeroberfläche das Aussehen eines Textfeldes, das Design einer Tabelle oder die Farbe des Hintergrundes festgelegt werden. Die Vorgaben sind in den Spezifikationen der Systemelemente umzusetzen.</p>
    </div>
    <div id="footer">
      <div class="up">
        <hr style="clear:both" />
      </div>
      <div class="down">[<a href="ce1ff6e08414e9.html">Hoch</a>] [<a href="Projekt-V-Modell-XT.html">Anfang</a>] [<a href="9c48f8cf5b78ea.html">Zurueck</a>] [<a href="13992f89ccc6aa1.html">Weiter</a>] [<a href="11385fdbde3d712.html">Ende</a>] [<a href="Projekt-V-Modell-XT.html">Inhalt</a>] </div>
    </div>
    <div class="navbar">
      <div class="treeLink1">
        <div class="link">
          <a href="Projekt-V-Modell-XT.html#toc0">Teil 1: Grundlagen des V-Modells</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="1054cfba6d7ffd6.html#toc35">Teil 2: Eine Tour durch das V-Modell</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="6aa6f7a07a969d.html#toc54">Teil 3: V-Modell-Referenz Tailoring</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="129acf7a07cbd9a.html#toc122">Teil 4: V-Modell-Referenz Rollen</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="7b23f7a07ce3c8.html#toc153">Teil 5: V-Modell-Referenz Produkte</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="180d8fba6c7eb14.html#toc154">Einleitung</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="17485fba6c7f784.html#toc159">Überblick über das Produktmodell des V-Modells</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="dcecfbe856145b.html#toc163">Produkte</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="dcecfbe856145b.html#toc164"> Angebots- und Vertragswesen</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="eaccf71947b446.html#toc166"> Planung und Steuerung</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="18063f719485f1b.html#toc219"> Berichtswesen</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="5f58f85e0e0496.html#toc268"> Konfigurations- und Änderungsmanagement</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="ac4f7140bb017.html#toc283"> Prüfung</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="1206bf810d917b4.html#toc343"> Ausschreibungs- und Vertragswesen</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="b924f806eac54f.html#toc370"> Anforderungen und Analysen</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="8b35f71a22464f.html#toc408"> Systemelemente</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="cffdf845456725.html#toc417"> Systemspezifikationen</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="ce1ff6e08414e9.html#toc453"> Systementwurf</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="15443f771c1e066.html#toc454">Systemarchitektur</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="9c48f8cf5b78ea.html#toc462">Unterstützungs-Systemarchitektur</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="current">
          <a href="160befa19760394.html#toc470">Mensch-Maschine-Schnittstelle (Styleguide)</a>
        </div>
      </div>
      <div class="treeLink5">
        <div class="link">
          <a href="160befa19760394.html#toc471">Gestaltungsprinzipien und -alternativen</a>
        </div>
      </div>
      <div class="treeLink5">
        <div class="link">
          <a href="160befa19760394.html#toc472">Identifikation und Aufbau der Benutzungselemente</a>
        </div>
      </div>
      <div class="treeLink5">
        <div class="link">
          <a href="160befa19760394.html#toc473">Gestaltungsregeln der Benutzungselemente</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="13992f89ccc6aa1.html#toc474">SW-Architektur</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="1de4fb9b4b1677.html#toc481">Datenbankentwurf</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="124dcf684eb0e75.html#toc484">Implementierungs-, Integrations- und Prüfkonzept System</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="90a6faf218c402.html#toc491">Implementierungs-, Integrations- und Prüfkonzept Unterstützungssystem</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="aafdfaec2caa6b.html#toc498">Implementierungs-, Integrations- und Prüfkonzept SW</a>
        </div>
      </div>
      <div class="treeLink4">
        <div class="link">
          <a href="df79fa19fbc984.html#toc505">Migrationskonzept</a>
        </div>
      </div>
      <div class="treeLink3">
        <div class="link">
          <a href="8a76fb168af264.html#toc511"> Logistikelemente</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="f8db104531fa6d6.html#toc517">Erzeugende Produktabhängigkeiten</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="169310453200c95.html#toc538">Inhaltliche Produktabhängigkeiten</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="16a6ffbe8561c27.html#toc581">Produktindex (nach Produktgruppen)</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="c265fc9d5b004f.html#toc582">Produktindex (alphabetisch)</a>
        </div>
      </div>
      <div class="treeLink2">
        <div class="link">
          <a href="11307fbe8561f35.html#toc583">Abbildungsverzeichnis</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="11432f7a07f9a6a.html#toc584">Teil 6: V-Modell-Referenz Aktivitäten</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="fa7bf7a07cfd49.html#toc819">Teil 7: V-Modell-Referenz Konventionsabbildungen</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="e696fba6d82de2.html#toc869">Teil 8: Anhang</a>
        </div>
      </div>
      <div class="treeLink1">
        <div class="link">
          <a href="e530fba6d8aff5.html#toc903">Teil 9: Vorlagen</a>
        </div>
      </div>
      <div class="emptyDiv"></div>
    </div>
  </body>
</html>
